<template>
	<view class="imgContent" :style="{'width': imgWidth,'paddingBottom':paddingBottom}">
		<img :src="src" class="imgShow" alt="">
	</view>
</template>

<script>
	export default {
		props:['src','paddingBottom','imgWidth']
	}
</script>

<style lang="scss" scoped>
	.imgContent{
		width: 30rpx;
		padding-bottom: 30%;
		position: relative;
		border: 1px solid red;
		.imgShow{
			@include posi();
			margin:auto;
			max-width: 100%;
			max-height: 100%;
			width: auto;
			height: auto;
		}
	}
</style>